<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>상담원 메인 상단</title>
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div id="header">
	<!-- 상단 상태바 START -->
	<div class="status_top">
		<div class="log_info">
			<h1>이윤정 상담원</h1>
			<ul>
				<li class="worker">이윤정</li>
				<li class="phone">2001</li>
				<li class="dial"><label for="speed">스피드 다이얼 :</label><input type="text" value="010-2899-0181" id="speed"/></li>
				<li class="logout"><a href="#">로그아웃</a></li>
			</ul>
		</div>		
		<div class="time_info">
			<ul>
			<li class="current_time">11:00</li>
			<li><em>현재상태 : </em><span>후처리</span></li>
			<li class="term"><em>경과시간 : </em><span>00:11:00</span></li>
			</ul>
		</div>
	</div>
	<!-- 상단 상태바 END -->
	<!-- 상담원 상태 정보 START -->
	<div class="status_cont">
		<div class="work_info">
			<ul>
			<li><em>평균대기</em><span>00:80</span></li>
			<li><em>평균휴식</em><span>00:80</span></li>
			<li><em>평균작업</em><span>00:80</span></li>
			<li class="long"><em>평균통화시간</em><span>00:80</span></li>
			</ul>
		</div>
		<div class="btn_list">
			<ul>
			<li><a href="#" class="login">로그인</a></li>
			<li><a href="#" class="logout">로그아웃</a></li>
			<li><a href="#" class="take">받기</a></li>
			<li><a href="#" class="call">걸기</a></li>
			<li><a href="#" class="cut">끊기</a></li>
			<li><a href="#" class="stay">업무대기</a></li>
			<li><a href="#" class="change">호전환</a></li>
			<li><a href="#" class="leave">이석</a></li>
			</ul>
		</div>
		<div class="phone_num">010-2252-2653</div>
	</div>
</div>
</body>
</html>